<template> <van-nav-bar title="订单" left-text="返回" left-arrow @click-left="() => { $router.push('/') }" fixed />
    <div style="height: 45px;"></div>
       <div v-show="skeleton">
<van-skeleton title :row="13" />
    </div>
  <div v-show="!skeleton">
<van-contact-card type="edit" :tel="tel" :name="name" @click="onEdit" />

    </div>
    <van-submit-bar :price="99900" button-text="提交订单" @submit="onSubmit">
<van-icon name="balance-list-o" badge="99+" size="3rem" />

</van-submit-bar>
</template>

<script setup>
import { ref } from 'vue';
const skeleton=ref(true)
setTimeout(() => {
    skeleton.value=false
}, 1000)
import { useRoute,useRouter } from 'vue-router';
const route=useRoute()
const router=useRouter()
const onSubmit=()=>{
router.push('/home/zf')
}
import { showToast } from 'vant';
    const tel = ref('13000000000');
    const name = ref('张三');
    const onEdit = () => showToast('edit');
</script>

<style lang="scss" scoped>

</style>